.status(@bg: @success-color) {
  .et-flex-center();

  &::before {
    content: '';
    width: @font-size-small;
    height: $width;
    border-radius: $width;
    background-color: @bg;
    margin-right: 5px;
  }
}

.success {
  color: @success-color;
  .status($color);
}

.info {
  color: rgba(@info-color, .5);
  .status($color);
}
.warning {
  color: @warning-color;
  .status($color);
}
.danger {
  color: @danger-color;
  .status($color);
}